<template>
	<div>
		<h3>APP组件</h3>
		<Suspense>
			<!--异步渲染完成后显示的内容-->
			<template v-slot:default>
				<child></child>
			</template>
			<!--异步渲染完成前显示的内容-->
			<template v-slot:fallback>
				<h2>加载中</h2>
			</template>
		</Suspense>
		
	</div>
</template>

<script setup lang="ts" name="App">
	import {Suspense} from 'vue'
	import child from "@/Child.vue"

	

</script>

<style>
	.wraper .title {
		padding: 20px;
		text-align: center;
		min-width: 610px;
	}
	.wraper .small{
		font-size: 15px;
	}
	.wraper .list-group-item {
		min-width: 230px;
	}
</style>